<template>
    <div>
        <div v-for="(item,index) in list " :key="index">
          <p style="border-bottom:1px solid #eee">❤{{item.title}}</p>
    <br>
          <div v-if="item.children" class="child">
            <Zi :list="item.children"></Zi>
          </div>
        </div>
    </div>
</template>
<script>
export default {
    name:"Zi",
    props:{
        list:Array
    }
}
</script>
<style lang="stylus" scoped>
    .child{
        padding-left 30px
    }
</style>